h1, h2, h3 {
    color: #333;
    /* 其他样式 */
  }
   
  p {
    color: #666;
    line-height: 1.6;
    /* 其他样式 */
  }

  blockquote {
    font-style: italic; /* 斜体 */
    margin: 20px 0; /* 上下外边距 */
    padding: 15px; /* 内边距 */
    border-left: 5px solid #2614c5; /* 左侧边框 */
    background-color: #f9f9f9; /* 背景颜色 */
    color: #333; /* 文本颜色 */
  }

  table {
    width: 100%; /* 表格宽度占父容器100% */
    border-collapse: collapse; /* 合并表格边框，避免双重边框 */
    margin: 20px 0; /* 表格上下外边距 */
    font-size: 1em; /* 字体大小 */
    text-align: left; /* 文本左对齐 */
  }

  table, th, td {
    border: 1px solid #ddd; /* 边框颜色为浅灰色 */
  }

  th {
    padding: 12px 15px; /* 内边距 */
    background-color: #f2f2f2; /* 背景颜色 */
    color: #333; /* 文本颜色 */
  }

  td {
    padding: 12px 15px; /* 内边距 */
  }

  tr:nth-child(even) {
    background-color: #f9f9f9; /* 偶数行背景颜色 */
  }

  tr:hover {
    background-color: #f1f1f1; /* 悬停时背景颜色 */
  }

  /* 使表格在小屏幕上水平滚动 */
@media screen and (max-width: 600px) {
    table, thead, tbody, th, td, tr {
      display: block;
    }
    th, td {
      padding: 10px;
      text-align: right;
      position: relative;
      padding-left: 50%; /* 为标签留出空间 */
    }
    th::before, td::before {
      content: attr(data-label); /* 使用 data-label 属性作为标签 */
      position: absolute;
      left: 0;
      width: 50%;
      padding-left: 10px;
      font-weight: bold;
      text-align: left;
    }
  }

  p{
    text-indent: 2rem; /* 或者你想要的任何其他值 */
  }